<!--
  Generated template for the TaskPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <!-- 方法一：

        1、滚动方式：behavior
            scroll 循环滚动(默认)
            alternate 来回交替滚动
            slide  只滚动一次
        2、滚动方向：direction
            up、down、left(默认)、right
        3、滚动速度：scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）
        4、滚动延迟：scrolldelay（设置滚动的时间间隔，单位是毫秒）
        5、滚动循环：loop（默认值是-1，滚动会不断的循环下去）
        6. Height：用于设定滚动字幕的高度。 
　　       Width：则设定滚动字幕的宽度。 
　　       Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。 
        7. align：是设定活动字幕的位置，除了居左、居中、居右三种位置外，又增加靠上（top）和靠下（bottom）两种位置  aligh=left|center|right|top|bottom
        8. Scrollamount：用于设定活动字幕的滚动距离。数值越小，滚动的速度就越快。 
　　        scrolldelay：用于设定滚动两次之间的延迟时间，数值越小，间隔就越小。

  -->
  <!-- <div style="background:#CCC; height:100%;">
    <marquee direction='up'  scrolldelay="200" scrollamount="2" loop="-1" behavior="scroll" onMouseOver="this.stop()" vspace="10" 
    onMouseOut="this.start()" width="100%" height="30px" style="text-align:center;">                     
      <p>恭喜 135****2801会员成功。</p>
      <p>恭喜 138****2251会员成功。</p>
      <p>恭喜 159****3368会员成功。</p>
      <p>恭喜 135****2287会员成功。</p>
      <p>恭喜 155****2567会员成功。</p>
      <p>恭喜 152****8967会员成功。</p>
      <p>恭喜 139****5468会员成功。</p>
    </marquee>
  </div> -->


  <!-- 方法二：跑马灯 上下滚动 -->
  <!-- effect:string 
      The animation effect of the slides. 
      Possible values are: slide, fade, cube, coverflow or flip. Default: slide. -->
  <ion-slides #slides *ngIf="1==1" class="focus"  loop="true" autoplay="3000" direction="vertical" speed="1000" style="background-color:orange;height:40px;" effect="slide">    
      <ion-slide>XX获取另外一元</ion-slide>  
      <ion-slide>XX获取另外二元</ion-slide>
      <ion-slide>XX获取另外撒v元</ion-slide>
      <ion-slide>XX获取另外四元</ion-slide>
      <ion-slide>XX获取另外五元</ion-slide>       
  </ion-slides>


</ion-header>


<ion-content class="setcontent">
  <ion-list>
    <ion-list-header>
      <ion-label>新手任务</ion-label>
    </ion-list-header>
    <ion-item>
      <ion-label>阅读咨询3分钟</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>拜师奖励</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>给我们好评</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>绑定手机号</ion-label>
    </ion-item>
  </ion-list>
  <ion-list>
      <!-- <ion-list-header>
        <ion-label>日常任务</ion-label>
      </ion-list-header> -->
      <ion-item>
        <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/classifyicon.png"/></span>
        <ion-label>日常任务</ion-label>
      </ion-item>
      <ion-item *ngFor="let item of dailyTask">
          <span class="leftspanArea" item-left></span>
          <ion-label>阅读咨询3分钟</ion-label>
          <span item-right>+10</span>
          <span item-right><img class="iconleftImg" src="assets/img/classifyicon.png"/></span>
          <ion-icon name="arrow-forward" item-right class="rightArrow"></ion-icon>
      </ion-item>
    </ion-list>
</ion-content>
